<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<!-- 

属性名表达式：编写代码来展示如何使用表达式作为对象的属性名。例如，使用变量来定义属性名。

简洁属性名：编写代码演示如何在对象字面量中使用简洁属性名来定义属性。

计算属性名：使用方括号和表达式来创建计算属性名的对象，并访问这些属性。

-->
<script>
    // 属性名表达式
    // var name ='jay';
    // var age = 18;
    // var a ={
    //     name,
    //     age,
    // }
    // console.log(a);

    // 简洁属性名
    // var a = 'age'
    // var obj = {
    //     name: 'jay',
    //     [a]: 20,
    // }
    // console.log(obj);

    // 计算属性名
    // var a ='user'
    // var b ='Name'
    // var obj ={
    //     age:18,
    //     [a+b]:'jay',
    // }
    // console.log(obj);

</script>

</html>